<template>
  <div class="qyVideo">
    <closePanel @closePanelfunc="closePanelfunc" :closetitle=closetitle></closePanel>
    <div class="container">
        <video src="static/data/video/jk.mp4" autoplay="autoplay" controls="controls"></video>
    </div>
  </div>
</template>
<script>
import { mapState, mapMutations } from "vuex";
import closePanel from "./closePanel.vue";
export default {
  name: "qyVideo",
  props: [],
  components: { closePanel },
  data() {
    return {
        closetitle:"企业视频"
    };
  },
  mounted() {
    
  },
  computed: {},
  methods: {
    ...mapMutations(["changeQyVideoLayer"]),

    closePanelfunc() {
      this.$store.commit("changeQyVideoLayer", false);
    }
  }
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
@import "../css/rule.scss";
.qyVideo {
    z-index: 1400;
    width: 90vw;
    height: calc(100vh - 30px);
    margin-left: 5vw;
    position: absolute;
    top: 15px;
  .container {
    width: 100%;
    height: calc(100% - 47px);
    border: 1px solid #73ffff;
    background-color: rgba(0, 48, 64, 0.6);
    video{
        width: 100%;
        height: 100%;
        background-color: #000000;
    }
  }
}
</style>
<style rel="stylesheet/scss" lang="scss" >
</style>
